{% extends "base.html" %}

{% block h1 %}Mensagem{% endblock %}

{% block arqStaticos %}
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/token-input.css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/token-input-facebook.css" />
{% endblock %}

{% block script %}
	<script src="{{ MEDIA_URL }}js/jquery.tokeninput.js" type="text/javascript"></script>
	<script src="{{ MEDIA_URL }}js/jquery.fcbkcomplete.min.js" type="text/javascript"></script>
	<script src="{{ MEDIA_URL }}nicEdit/nicEdit.js" type="text/javascript"></script>
	<script type="text/javascript">
		bkLib.onDomLoaded(function() {
			new nicEditor({iconsPath : '{{ MEDIA_URL }}nicEdit/nicEditorIcons.gif',maxHeight: 100}).panelInstance('id_mensagem');
		});
		
		$(function(){
			$('#id_destinatario').tokenInput("/personagem/b/",{
                    theme: "facebook"
			});
		});
	</script>
{% endblock %}

{% block content %}
<fieldset>
	<form method="post">
		{% csrf_token %}
		<label for="id_destinatario">Destinatário:{{ formMensagem.destinatario.errors }}</label>
		{{ formMensagem.destinatario }}
		<p>
			<label for="id_assunto">Assunto:{{ formMensagem.assunto.errors }}</label>
			{{ formMensagem.assunto }}
		</p>
		<p>
			<label for="id_mensagem">Mensagem:{{ formMensagem.mensagem.errors }}</label>
			{{ formMensagem.mensagem }}
		</p>
		<input type="submit" value="enviar" class="button" />
	</form>
</fieldset>
{% endblock %}
